<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="ProductBuyDetail.aspx.cs" Inherits="ProductBuyDetail"  %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<%@ Register Src="ProductRight.ascx" TagName="ProductRight" TagPrefix="uc1" %>
  <!-- Left main begin-->
    <div class="left_main1" style="margin-top: 25px;">
        <div>
            <a href="Default.aspx" class="bold">Home</a>
            <img src="images/icon_arrow2.gif" width="9" height="9" />
            <a id="hrfCat" runat="server" class="bold"><asp:Literal ID="ltrCat" runat="server"></asp:Literal></a>
            <img src="images/icon_arrow2.gif" width="9" height="9" />
            <a id="hrfSubCat" runat="server" class="bold"><asp:Literal ID="ltrSubCat" runat="server"></asp:Literal></a>
            <img src="images/icon_arrow2.gif" width="9" height="9" />
            <a id="hrfSubSubCat" runat="server" class="bold"><asp:Literal ID="ltrSubSubCat" runat="server"></asp:Literal></a>
            <img src="images/icon_arrow2.gif" width="9" height="9" />
            <strong style="color: #7b7b7b"><asp:Literal ID="ltrTitleProduct" runat="server"></asp:Literal></strong>
            </div>
                
        <!-- Refine begin-->
        <div class="refine mt_5px">
            <div class="left_refine">
            </div>
            <div class="mid_refine">
                <div class="txt_refine fl">
                    Product Detail</div>
                <div class="clr">
                </div>
            </div>
            <div class="right_refine">
            </div>
            <div class="clr">
            </div>
        </div>
        <!-- Refine -->
        <div class="mid_main_content">
            <!-- Product details  begin-->
            <div class="product_details">
                <div class="product_details_left fl">
                    <img id="imgdetail" runat="server" width="178" height="152" class="border_img mb_5px" />
                    <a href="#" class="icon_zoom">See larger image</a>
                </div>
                <div class="product_details_mid fl">
                    <strong>Price Range:</strong>
                    <asp:Literal ID="ltrPriceRange" runat="server"></asp:Literal>
                    
                    <strong>Quantity Required:</strong>
                    <asp:Literal ID="ltrQuantiry" runat="server"></asp:Literal>
                    <br />
                    
                </div>
                <div class="product_details_right fr">
                    <div class="product_details_right_top">
                    </div>
                    <div class="product_details_right_mid">
                        <div class="list_pro_search_info">
                            <ul>
                                <li><a id="hrfCompanyName" runat="server" class="name_company">
                                    <asp:Literal ID="ltrCompanyName" runat="server"></asp:Literal></a></li>
                                <li>
                                    <asp:Literal ID="ltrCompanyType" runat="server"></asp:Literal></li>
                                <li>
                                    <img id="imgflag" runat="server" width="20" height="13" class="fl flag_country" />&nbsp;&nbsp;
                                    <asp:Literal ID="ltrContryName" runat="server"></asp:Literal>
                                    <div class="clr">
                                    </div>
                                </li>
                                <li>
                                    <img src="images/icon_gold_member.jpg" id="imggold" runat="server" class="fl" /><span
                                        style="float: left; margin-left: 5px;">
                                        <asp:Literal ID="ltrMemberTyle" runat="server"></asp:Literal>
                                    </span>
                                    <div class="clr">
                                    </div>
                                </li>
                                <li class="noborder"><a id="hryahoo" runat="server">
                                    <img id="imgyahoo" runat="server" width="23" height="17" class="fl" /></a><span style="float: left;
                                        margin-left: 5px;"><asp:Literal ID="ltryahoo" runat="server"></asp:Literal>
                                    </span><span style="float: right; margin-left: 5px;"><a id="hrfcontact" runat="server">
                                        <img src="images/icon_contact.gif" width="79" height="22" border="0" /></a> </span>
                                    <div class="clr">
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="clr">
                        </div>
                    </div>
                    <div class="product_details_right_bot">
                    </div>
                </div>
                <div class="clr">
                </div>
            </div>
            <!-- Product  details -->
            <div class="clear">
            </div>
            <!-- tab js-->

            <script type="text/javascript" src="js/jquery.js"></script>

            <script type="text/javascript">

$(document).ready(function() {

	//Default Action
	$(".tab_content").hide(); //Hide all content
	$("ul.tabs1 li:first").addClass("active").show(); //Activate first tab
	$(".tab_content:first").show(); //Show first tab content
	
	//On Click Event
	$("ul.tabs1 li").click(function() {
		$("ul.tabs1 li").removeClass("active"); //Remove any "active" class
		$(this).addClass("active"); //Add "active" class to selected tab
		$(".tab_content").hide(); //Hide all tab content
		var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
		$(activeTab).fadeIn(); //Fade in the active content
		return false;
	});

});
            </script>

            <div class="container" style="margin-top: 20px;">
                <ul class="tabs1">
                    <li><a href="#tab1">Product details</a></li>
                    <li><a href="#tab2">Company Information </a></li>
                </ul>
                <div class="tab_container">
                    <div id="tab1" class="tab_content">
                        <div class="title_bg">
                            <span>Required Certification</span>
                        </div>
                        <asp:Literal ID="ltrQuickDetail" runat="server"></asp:Literal>                       
                        
                        <div class="title_bg">
                            <span>Detailed Description</span>
                        </div>
                        <div>
                            <asp:Literal ID="ltrSpecifications" runat="server"></asp:Literal>
                        </div>
                    </div>
                    <div id="tab2" class="tab_content">
                        <p>
                            <asp:Literal ID="ltrCompanyInfo" runat="server"></asp:Literal>
                            <a id="hrfCompany" runat="server" class="lk1">view more </a>
                        </p>
                        <div class="title_bg">
                            <span>Basic Information</span>
                        </div>
                        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="container_tbl">
                            <tr>
                                <td width="32%">
                                    Business Type:</td>
                                <td width="68%">
                                    <strong>
                                        <asp:Literal ID="ltrBussinessType" runat="server"></asp:Literal>
                                    </strong>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Product/Service (We Sell):</td>
                                <td>
                                    <strong>paprika,chilli,chilli paste,barley tea,corn tea </strong>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Brands:</td>
                                <td>
                                    <strong>BOLAN </strong>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Number of Employees:</td>
                                <td>
                                    <strong>
                                        <asp:Literal ID="ltrNumberOfEmployees" runat="server"></asp:Literal></strong>
                                </td>
                            </tr>
                        </table>
                        <div class="title_bg">
                            <span>Trade & Market</span>
                        </div>
                        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="container_tbl">
                            <tr>
                                <td width="32%">
                                    Main Markets:</td>
                                <td width="68%">
                                    Manufacturer
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Main Customers:</td>
                                <td>
                                    <strong>Top Pearl Co., Ltd. (US) </strong>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Export Percentage:</td>
                                <td>
                                    <strong>71% - 80% </strong>
                                </td>
                            </tr>
                        </table>
                        <div class="title_bg">
                            <span>Factory Information</span>
                        </div>
                        <asp:Literal ID="ltrFactoryInformation" runat="server"></asp:Literal>
                    </div>
                </div>
                <div class="clear">
                </div>
            </div>
            <div class="mt_10px" style="margin-bottom: 10px;">
                <div class="left_refine1">
                </div>
                <div class="mid_refine1" style="font: normal 20px/20px Arial, Helvetica, sans-serif;
                    color: #171717;">
                    <img src="images/icon_email.gif" width="27" height="26" class="fl" /><div class="fl"
                        style="margin-left: 10px;">
                        Send your message to this supplier
                    </div>
                </div>
                <div class="right_refine1">
                </div>
                <div class="clr">
                </div>
            </div>
            <div class="send_mail">
                <div class="send_mail_left">
                    <img src="images/avatar.jpg" width="108" height="95" class="img_general mb_5px" />
                    Ms Tran Thi Hanh<br />
                    <a href="#">
                        <img src="images/icon_online.png" width="23" height="17" border="0" /></a>
                </div>
                <div class="send_mail_right">
                    <textarea name="" cols="" rows="" class="txt_sendmail"></textarea>
                    <div>
                        <span class="note" style="float: left;">Enter between 20 to 3,000 characters, English
                            only.</span>
                        <input type="button" id="ctl00_Search1_btnSearch" class="btn_send_mail fr mt_5px">
                        <div class="clear">
                        </div>
                    </div>
                </div>
                <div class="clear">
                </div>
            </div>
            <div>
            </div>
        </div>
        <div class="bot_refine">
        </div>
        <div class="releated_product mt_10px">
            <div class="releated_product_top">
                <img src="images/releated_product.png" width="83" height="71" /></div>
            <ul>
                <asp:Repeater ID="rptOtherPro" OnItemDataBound="rptOtherPro_OnItemDataBound" runat="server">
                    <ItemTemplate>
                        <li><a id="hrfimg" runat="server">
                            <img src="images/img_hot_pro.jpg" id="img" runat="server" width="100" height="85"
                                border="0" class="mb_5px" title="Damier Handbags Neverfull " /></a>
                            <div>
                                <a id="hrfTitle" runat="server">
                                    <asp:Literal ID="ltrTitle" runat="server"></asp:Literal>
                                </a>
                            </div>
                        </li>
                        <%-- <li class="doc"></li>--%>
                        <asp:Literal ID="ltrdiv" runat="server"></asp:Literal>
                    </ItemTemplate>
                </asp:Repeater>
            </ul>
            <div class="clr">
            </div>
        </div>
    </div>
    <!-- Left main -->
    <!-- Right main begin-->
    <div class="right_main fr">
        <uc1:ProductRight ID="ProductRight1" runat="server" />
    </div>
    <!-- Right main -->
    <div class="clr">
    </div>
</asp:Content>

